$(function() {
	var empGrid = $("#empGrid");
	var userGridAction = $("#userGridAction");
	// 初始化
	empGrid.datagrid({
		url : 'emp/list',
		fit : true,
		border : false,
		rownumbers : true,
		pagination : true, // 是否显示分页栏
		fitColumns : true,// 自适应大小
		columns : [ [
				{
					field : 'user_name',
					title : '用户名字',
					sortable : true,
					align : 'center',
					width : 120,
				},
				{
					field : 'user_sex',
					title : '用户性别',
					align : 'center',
					width : 100,
					formatter : function(value, row, index) {
						if (value == 0) {
							return "女";
						} else if (value == 1) {
							return "男";
						}
					}
				},
				{
					field : 'user_tel',
					title : '用户电话',
					align : 'center',
					width : 100
				},
				{
					field : 'user_age',
					title : '用户年龄',
					align : 'center',
					width : 100
				},
				{
					field : 'hiredate',
					title : '入职时间',
					align : 'center',
					formatter : function(value, row, index) {
						var c = new Date(value);// 传入一个时间戳
						c.toLocaleString();// 返回本地时间
						var d = new Date(c);
						var formatIt = d.getFullYear() + '-'
								+ (d.getMonth() + 1) + '-' + d.getDate() + ' '
								+ d.getHours() + ':' + d.getMinutes() + ':'
								+ d.getSeconds();
						return formatIt;
					}
				},
				{
					field : 'dept_name',
					title : '部门',
					align : 'center',
					width : 100
				},
				{
					field : 'ac',
					title : '操作',
					align : 'center',
					width : 150,
					formatter : function(value, row, index) {
						return userGridAction.children("a.ctr").attr('data-id',
								row.userinfo_id).attr('data-index', index)
								.end().html();
					}
				} ] ],
		toolbar : "#userGridToolbar"
	});

	var userName = $("#userName");
	// 检索按钮事件
	$("#userSearch").on('click', function() {
		empGrid.datagrid("load", {
			userName : '%' + userName.val() + '%'
		});
	});

	var form = $("#userSearchForm");

	$("#userReset").on('click', function() {
		form.form('clear'); // 清除查询参数
		empGrid.datagrid("load", {});
	});

	var gridPanel = empGrid.datagrid("getPanel");
	gridPanel.on("click", "a.edit", function() {
		var index = this.dataset.index;
		// 如果只有下标，没有id的情况，要获取id
		var rows = empGrid.datagrid("getRows");
		// 同下标获取对应行的数据对象
		var id = rows[index].userinfo_id;
		var row = empGrid.datagrid('getSelected');
		empsForm(id);
	}).on("click", "a.delete", function() {
		var index = this.dataset.index;
		var id = this.dataset.id;
		$.messager.confirm("提示", "您确定要删除此数据？", function(r) {
			if (r) {
				$.get("emp/delete/" + id, function(rs) {
					if (rs.success) {
						empGrid.datagrid("reload");
					} else {
						$.message.alert("提示", rs.message);
					}
				});
			}
		});
	}).on("click", "a.create", function() {
		empForm();
	})
	/**
	 * 添加
	 */
	function empForm() {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'emp/xt-add-emp',
			title : "添加员工",
			height : 380,
			width : 480,
			modal : true,
			onClose : function() {
				// 窗口关闭的时候销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var empForm = $("#empForm");
					// 校验表单
					if (empForm.form('validate')) {
						// serialize方法获取到表单的所有数据
						$.post("emp/save", empForm.serialize(), function(rs) {
							if (rs.success) {
								empGrid.datagrid("reload");
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}

			} ]
		});
	}
	/**
	 * 修改
	 */
	function empsForm(id) {
		// 创建窗口
		var dialog = $("<div/>").dialog({
			href : 'emp/xt-edit-emp' + "/" + id,
			title : "修改",
			height : 350,
			width : 480,
			modal : true,
			onClose : function() {
				// 窗口关闭的时候销毁此窗口
				$(this).dialog("destroy");
			},
			buttons : [ {
				iconCls : 'icon-save',
				text : '保存',
				handler : function() {
					// 获取到表单对象
					var empsForm = $("#empsForm");
					// 校验表单
					if (empsForm.form('validate')) {
						// serialize方法获取到表单的所有数据
						$.post("emp/edit", empsForm.serialize(), function(rs) {
							if (rs.success) {
								empGrid.datagrid("reload");
								dialog.dialog("close");
							} else {
								$.messager.alert("提示", rs.message);
							}
						});
					}
				}

			} ]
		});
	}
});
